<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<!-- IOS中禁用将数字识别为电话号码/忽略Android平台中对邮箱地址的识别 -->
	<meta name="format-detection" content="telephone=no, email=no" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<!--控制条块状黑色-->
	<meta content="telephone=no" name="format-detection" />
	<!--禁止数字转拨号-->
	<link rel="stylesheet" type="text/css" href="../../css/reset.css">
	<link rel="stylesheet" type="text/css" href="../../css/mui.min.css" />
	<link rel="stylesheet" type="text/css" href="../../css/second.css" />
	<script src="../../js/jquery-1.11.3.min.js"></script>
	<!--百度地图-->
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=nxW0akynjKF8Ag0G0uVVwq0t6ak1Q1Zj"></script>
</head>

<body>
	<!--顶部nav-->
	<div class="mui-navbar-inner mui-bar mui-bar-nav lift-detail-head">
		<!--<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
		<span class="mui-icon mui-icon-left-nav" ></span>
	</button>-->
		<!--返回-->
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-l
		eft"></a>
		<h1 class="mui-center mui-title">电梯详细信息</h1>
	</div>
	<!--内容区-->
	<div class="mui-content lift-detail">
		<!--电梯详细信息-->
		<div class="mui-row lift-tit">
			<div class="mui-col-xs-6 mui-text-center"><a>电梯详情</a></div>
			<div class="mui-col-xs-6 mui-text-center monitor-con"><a>监控详情</a></div>
		</div>
		<!--电梯详情-->
		<div class="lift-box">
			<!--电梯年份-->
			<div class="lift-years mui-content-padded">
				<div class="mui-table">
					<div class="mui-table-cell  mui-text-center">
						<span>10年以上</span>
					</div>
					<div class="mui-table-cell mui-text-center">
						<span>7-10年</span>
					</div>
					<div class="mui-table-cell mui-text-center">
						<span>5-7年</span>
					</div>
					<div class="mui-table-cell mui-text-center">
						<span>5年以下</span>
					</div>
				</div>
			</div>
			<!--电梯信息-->
			<div class="lift-content roundbox">
				<!--所在场所、年检状态-->
				<div class="mui-table lift-place">
					<div class="mui-table-cell  mui-text-center">
						<p>
							<i></i>所在场所
						</p>
						<h3></h3>
					</div>
					<div class="mui-table-cell mui-text-center">
						<p>
							<i></i>设备用途
						</p>
						<h3></h3>
					</div>
					<div class="mui-table-cell mui-text-center">
						<p>
							<i></i>年检状态
						</p>
						<h3>
							<!--通过 mui-icon-checkmarkempty-->
							<b class="mui-icon "></b>
							<!--未通过-->
							<!--<b class="mui-icon mui-icon-closeempty"></b>-->
						</h3>
					</div>
					<div class="mui-table-cell mui-text-center">
						<p>
							<i></i>维保能力
						</p>
						<h3></h3>
					</div>
				</div>
				<!--安全维保员-->
				<div class="mui-row lift-repair">

				</div>
				<strong></strong>
			</div>
			<!--故障记录跳转-->
			<div class="lift-record padbox">
				<div class="mui-table">
					<div class="mui-table-cell mui-text-center">
						<a href="year-table-fault.html">
							<div>
								<span>
									<img src="../../img/second/fault-icon01.png" alt="" />
								</span>
							</div>
							<h4>故障记录</h4>
						</a>
					</div>
					<div class="mui-table-cell mui-text-center">
						<a href="year-table-repair.html">
							<div>
								<span>
									<img src="../../img/second/fault-icon02.png" alt="" />
								</span>
							</div>
							<h4>维保记录</h4>
						</a>
					</div>
					<div class="mui-table-cell mui-text-center">
						<a href="year-table-report.html">
							<div>
								<span>
									<img src="../../img/second/fault-icon03.png" alt="" />
								</span>
							</div>
							<h4>年检报告</h4>
						</a>
					</div>
				</div>
			</div>
			<!--电梯注册代码-->
			<div class="lift-res padbox">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell">
						<h3>
							注册代码：<span></span>
						</h3>
					</li>
					<li class="mui-table-view-cell">
						<h3>
							电梯内部编码：<span></span>
						</h3>
					</li>
					<li class="mui-table-view-cell">
						<h3>
							下次年检日期：<span></span>
						</h3>
					</li>
					<li class="mui-table-view-cell">
						<h3>
							电梯维保单位：<span></span>
						</h3>
					</li>
					<li class="mui-table-view-cell">
						<h3>
							电梯维保负责人：<span></span>
						</h3>
					</li>
					<li class="mui-table-view-cell">
						<h3>
							电梯维保电话：<span></span>
						</h3>
					</li>
					<li class="mui-table-view-cell">
						<h3>
							品牌：<span></span>
						</h3>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!--监控详情-->
	<div class="full-box mui-content-padded monitor_det">
		<!-- 关闭按钮 -->
		<div class="full-close">
			<i class="mui-icon mui-icon-closeempty"></i>
		</div>
		<!--监控视频-->
		<div class="monitor-video monbox">
			<div class="mon-vid">
				<img src="../../img/second/mon-video.jpg" alt="" />
			</div>
			<div class="mui-table">
				<div class="mui-table-cell  mui-text-center">
					<div class="mon-talk">
						<span>
							<i></i>
						</span>
						<p>对讲</p>
					</div>
				</div>
				<div class="mui-table-cell mui-text-center">
					<div class="mon-screenshot">
						<span>
							<i></i>
						</span>
						<p>截图</p>
					</div>
				</div>
				<div class="mui-table-cell mui-text-center">
					<div class="mon-hisvid">
						<span>
							<i></i>
						</span>
						<p>历史视频</p>
					</div>
				</div>
			</div>
		</div>
		<!--监控电梯-->
		<div class="monitor-lift monbox">
			<div class="mon-lift-box">
				<strong></strong>
				<strong></strong>
				<div class="mon-lift-top">
					<p>有人</p>
				</div>
				<div class="mon-lift-lf">
					<p>开</p>
					<span>10</span>
				</div>
				<div class="mon-lift-rt">
					<i class="mui-icon mui-icon-arrowup active"></i>
					<i class="mui-icon mui-icon-bars"></i>
					<i class="mui-icon mui-icon-arrowdown"></i>
				</div>
			</div>
			<!--电梯运行速度-->
			<div class="mui-table mon-lift-state">
				<div class="mui-table-cell mui-text-center">
					<div class="m-lift-box">
						<strong></strong>
						<p><i></i>运行速度(M/S)</p>
						<h2>0.5</h2>
						<u></u>
					</div>
				</div>
				<div class="mui-table-cell mui-text-center">
					<div class="m-lift-box">
						<strong></strong>
						<p><i></i>运行次数</p>
						<h2>20456</h2>
						<u></u>
					</div>
				</div>
				<div class="mui-table-cell mui-text-center">
					<div class="m-lift-box">
						<strong></strong>
						<p><i></i>开门次数</p>
						<h2>1235</h2>
						<u></u>
					</div>
				</div>
			</div>
		</div>
	</div>




	<script src="../../js/mui.min.js"></script>
	<script src="../../js/mui.view.js"></script>
	<script src="../../js/loading.js"></script>
	<script src="../../js/main.js"></script>
	<script src="../../libs/mustache.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/Yearly/Yearly-lift-detail.js"></script>

</body>

</html>